<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script src="js/jquery-3.4.1.min.js"></script>

    <input> 
    <h3>111</h3>

    <script>
       /* 用户每次按下或者释放键盘上的键时都会产生事件，常用键盘事件有：
              keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时
              keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时
        */
        $("input").keyup(function(){
           var str = $(this).val(); //获取框中的值
           $("h3").text(str); //将h3元素中的文本内容更改为str
        });
    </script>
</body>
</html>